<template>
  <div class="analysis">
    <div class="main">
      <a-row :gutter="[16, 16]">
        <fourCard></fourCard>
        <a-col :span="24">
          <a-row :gutter="[16, 16]">
            <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12">
              <realTime></realTime>
            </a-col>
            <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12">
              <realTime></realTime>
            </a-col>
            <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12">
              <realTime></realTime>
            </a-col>
            <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12">
              <realTime></realTime>
            </a-col>
          </a-row>
        </a-col>
      </a-row>
    </div>
  </div>
</template>
<script>
import fourCard from "@/components/analysis/fourCard.vue";
import realTime from "@/components/analysis/realTime.vue";
export default {
  name: "",
  components: {
    fourCard,
    realTime,
  },
  mixins: [],
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {},
};
</script>
<style lang='scss' scoped>
.analysis {
  .main {
    padding: 16px;
  }
}
</style>